<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="container1" style="width: 900px;height: 500px;"></div>
	</body>

	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
	<script type="text/javascript" src="ken-echarts-util.js"></script>
	<script>
		var data ={"legendData":["展现","点击","访问","咨询"],"series":[{"bottom":60,"data":[{"name":"展现","value":40},{"name":"点击","value":20},{"name":"访问","value":100},{"name":"咨询","value":80}],"funnelAlign":"center","gap":0,"height":"auto","left":80,"legendHoverLink":true,"max":100,"maxSize":"100%","min":0,"minSize":"0%","name":"总金额","right":80,"sort":"descending","top":60,"type":"funnel","width":"auto"}],"xAxisData":["展现","点击","访问","咨询"]};
		//参数放置比较少
		var option = createFunnelOption({
			title: '',
			legendData: data.legendData,
			series: data.series
		});
		//设置公共的样式或功能
		setExtraOption(option, "x", false, true, false, true);
		initEcharts("container1", option, true);
	</script>
</html>
